*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
/* 清除浮动 */
.clearfix::before,.clearfix::after{
    content: '';
    display: table;
}   
.clearfix::after{
    clear: both;
}
.clearfix{
    /* 兼容IE6、7 */
    *zoom: 1;
}
/* 取消a的下划线 */
a{
    color: black;
    text-decoration: none;
}
/* 取消列表的标识符 */
ul{
    list-style: none;
}

/* 单行文本超出变省略号 */
.ellipsis{
    /* 超出隐藏 */
    overflow: hidden;
    /* 不换行 */
    white-space: nowrap;
    /* 超出的文本变省略号 */
    text-overflow: ellipsis;
}

/* 多行文本超出变省略号 */
.ellipsis-two,.ellipsis-three{
    /* 超出隐藏 */
    overflow: hidden;
    /* 设置为弹性盒子  */
    display: -webkit-box;
    /* 竖直排列 */
    -webkit-box-orient: vertical;
}
.ellipsis-two{
    /* 显示行数 */
    -webkit-line-clamp: 2;
}
.ellipsis-three{
    /* 显示行数 */
    -webkit-line-clamp: 3;
}

input{
    outline: none;
}